<template>
    <el-main>
        <el-main class="ep-body">
            <epl-top-bar showPerson personType="PERSON_AAC031_1" psTagType="PERSON_AAB001_GROUP">
                <ep-button size="small" name="打印"></ep-button>
                <ep-button size="small" name="刷新"></ep-button>
            </epl-top-bar>
             <epl-userMessage dataType="person" idCount="2" :panel="panel">
                  <epl-personInsurance></epl-personInsurance>
            </epl-userMessage>
            <el-card class="ep-card">
                <el-tabs v-model="activeName2" type="card">
                    <el-tab-pane label="人员年账户信息" name="1">
                        <ep-table :data="tableData1" :pager="20" border style="width: 100%;" height="280" :titleFilter="demo">
                            <ep-table-column editor="index" width="100" header="序号"></ep-table-column>    
                            <ep-table-column  sortable editor="text" width="120" name="aae001" header="年度"></ep-table-column>
                            <ep-table-column  sortable editor="select" width="140" name="aaa119" header="账目分类"></ep-table-column>
                            <ep-table-column sortable editor="text" width="140" name="aae180" header="缴费基数"></ep-table-column>
                            <ep-table-column  sortable editor="text" width="140" name="aae202" header="记账月数"></ep-table-column>
                            <ep-table-column  sortable editor="text" width="140" name="aae252" header="账户累计"></ep-table-column>
                            <ep-table-column  sortable editor="text" width="140" name="aae254" header="个人累计"></ep-table-column>
                            <ep-table-column  sortable editor="text" width="140" name="aae262" header="单位划账"></ep-table-column>
                            <ep-table-column  sortable editor="text" width="140" name="aae264" header="个人缴费"></ep-table-column>
                            <ep-table-column  sortable editor="text" width="140" name="aaz266" header="社平划账"></ep-table-column>
                            <ep-table-column  sortable editor="text" width="180" name="aae263" header="单位划账利息"></ep-table-column>
                            <ep-table-column  sortable editor="text" width="180" name="aae265" header="个人划账利息"></ep-table-column>
                            <ep-table-column  sortable editor="text" width="180" name="aaz267" header="社平划账利息"></ep-table-column>
                            <ep-table-column  sortable editor="text" width="140" name="eac222" header="缴费备注"></ep-table-column>
                        </ep-table>
                    </el-tab-pane>

                    <el-tab-pane label="人员月账户信息" name="2">
                        <ep-table :data="tableData2" :pager="20" border style="width: 100%;" height="280" :titleFilter="fil">
                            <ep-table-column editor="index" width="100" header="序号"></ep-table-column>    
                            <ep-table-column  sortable editor="select" width="140" name="bae576" header="账目类型"></ep-table-column>
                            <ep-table-column  sortable editor="text" width="180" name="aae002" header="费款所属期"></ep-table-column>
                            <ep-table-column  sortable editor="text" width="200" name="aae003" header="对应费款所属期"></ep-table-column>
                            <ep-table-column  sortable editor="text" width="140" name="aae079" header="到账年月"></ep-table-column>
                            <ep-table-column sortable editor="text" width="140"  name="aae180" header="缴费基数"></ep-table-column>
                            <ep-table-column  sortable editor="text" width="140" name="aae202" header="缴费月数"></ep-table-column>
                            <ep-table-column  sortable editor="text" width="140" name="aae021" header="单位划入"></ep-table-column>
                            <ep-table-column  sortable editor="text" width="140" name="aae022" header="个人缴费"></ep-table-column>
                            <ep-table-column  sortable editor="text" width="140" name="aae025" header="社平划入"></ep-table-column>
                            <ep-table-column  sortable editor="select" width="140" name="aaa115" header="应收类型"></ep-table-column>
                            <ep-table-column  sortable editor="select" width="180" name="bae570" header="应收类型明细"></ep-table-column>
                            <ep-table-column  sortable editor="select" width="180" name="bae583" header="个人账目状态"></ep-table-column>
                            <ep-table-column  sortable editor="select" width="250" name="bae577" header="首次个人账目状态明细"></ep-table-column>
                            <ep-table-column  sortable editor="select" width="200"  name="bae574" header="个人账目状态明细"></ep-table-column>
                        </ep-table>
                    </el-tab-pane>
                </el-tabs>
            </el-card>
        </el-main>
    </el-main>
</template>


<script src="../js/QryPsAccountJS.js"></script>
